<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
</head>
<!-- 尺寸 -->
<!-- 属性：font-size
值：数字或者百分比 -->
<style>
    p.big{font-size: 30px;}
    p.small{font-size: 50%;}
    p.small2{font-size: 0.5em;}
</style>

<p>正常大小</p>
<p class="big">30px大小的文字</p>
<p class="small">50%比例的文字</p>
<p class="small2">0.5em等同于50%比例的文字</p>

<!--风格-->
<!--font-style:
normal 标准字体
italic 斜体-->
<style>
    p.n{font-style: normal;}
    p.i{font-style: italic;}
</style>

<p>标准字体</p>
<p class="n">标准字体</p>
<p class="i">斜体</p>

<!--粗细-->
<!--属性 font-weight
normal 标准粗细
bold 粗一点-->
<style>
    p.b{font-weight: bold;}
</style>

<p class="b">粗体</p>

<!--字库-->
<!--属性font-family-->
<style>
    p.f1{font-family:楷体;}
</style>

<p>默认字库 font family:default</p>
<p class="f1">设置字库 font-family: Times New Roman</p>

<!--声明在一起-->
<style>
    p.all{
        font:italic bold 30px "Times New Roman";
    }
</style>

<p class="all">斜体的 粗体的 大小是30px的 "Times New Roman"</p>
</html>